<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head th:replace="~{commons/public::common-public}">
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>

<body>

<div>
    <form class="layui-form layui-row layui-col-space16" lay-filter="queryMessageForm">
        <div class="layui-col-md4">
            <div class="layui-input-wrap">
                <div class="layui-input-prefix">
                    <i class="layui-icon layui-icon-messagename"></i>
                </div>
                <input type="text" name="name" value="" placeholder="请输入消息名称" class="layui-input" lay-affix="clear">
            </div>
        </div>
        <div class="layui-col-md4">
            <div class="layui-btn-container layui-col-xs12">
                <button type="button" class="layui-btn layui-btn-primary layui-border-blue layui-btn-sm" onclick="message.queryMessageData()">搜索</button>
            </div>
        </div>

    </form>
</div>

<div>
    <table id="messageTable" lay-filter="messageTableFilter"></table>
</div>


<div id="messageDialog" style="display: none">
    <form class="layui-form" id="messageForm" lay-filter="messageForm">
        <div class="layui-form-item">
            <label class="layui-form-label">用户姓名</label>
            <div class="layui-input-block">
                <input type="text" name="name" lay-verify="required" placeholder="请输入" autocomplete="off"
                       class="layui-input">
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">消息</label>
            <div class="layui-input-block">
                <input type="text" name="message" lay-verify="required" placeholder="请输入" autocomplete="off"
                       class="layui-input">
            </div>
        </div>
    </form>
</div>

<!-- 表格标签工具栏 -->
<script type="text/html" id="toolbar">
    <div class="layui-btn-container">
        <div class="layui-btn-group">
            <button type="button" lay-event="add" class="layui-btn layui-btn-primary layui-border-blue layui-btn-sm"><i
                    class="layui-icon">&#xe654;</i>新增
            </button>
        </div>
    </div>
</script>

<script type="text/html" id="barDemo">
    <a class="layui-btn layui-btn-primary layui-btn-xs" lay-event="update">修改</a>
    <a class="layui-btn layui-btn-xs layui-btn-danger" lay-event="delete">删除</a>
</script>

</body>

<script th:src="@{/js/message.js}" type="application/javascript"></script>
</html>
